<template>
	<view>
    <view class="cu-modal" :class="poupName=='Modal'?'show':''">
    	<view class="cu-dialog">
    		<view class="cu-bar bg-white justify-end">
    			<view class="content">{{poupTitle}}</view>
    			<view class="action" @tap="hideModal">
    				<text class="cuIcon-close text-red"></text>
    			</view>
    		</view>
    		<view class="padding-xl">
    			{{poupContent}}
    		</view>
    	</view>
    </view>
	</view>
</template>

<script>
  export default{
    name:'poup',
    data(){
      return {
		 poupName:'',
		 poupTitle:'',
		 poupContent:''
      }
    },
    props:{
      pName:{
        type:String
      },
	  pTitle:{
	    type:String
	  },
	  pContent:{
	    type:String
	  }
    },watch: {
		frontPoints(newValue, oldValue) {
			console.log(newValue)
		}
	},
	mounted() {
	  this.poupName=this.pName;
	  this.poupTitle=this.pTitle;
	  this.poupContent=this.pContent;
	},
    methods:{
		hideModal(e) {
			this.poupName = null
		}
    }
  }
  
</script>

<style>
</style>
